<template>
    <view>
        <view class="page">
            <view class="cardsale-box">
                <image src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/cardsale_banner.png" mode="" />
                <input class="input-phone" @input="blurPhone" :value="queryValue" placeholder="请输入顾客手机号码/会员号" placeholder-class="placeholder-style" type="text" />
                <view class="inquire" @tap="searchList">查询</view>
            </view>
        </view>
        <view class="selete_box">
            <view class="selete">
                <text :class="'item_t ' + (index === 0 ? 'active' : '')" :data-index="0" @tap="setIndex">全部</text>
                <text :class="'item_t ' + (index === 1 ? 'active' : '')" :data-index="1" @tap="setIndex">今日</text>
                <text :class="'item_t ' + (index === 2 ? 'active' : '')" :data-index="2" @tap="setIndex">昨日</text>
                <text class="customize" @tap="showModel">自定义></text>
                <picker @change="bindPickerChange" :value="pickerIndex" :range="array">
                    <view class="set">
                        <text>设置</text>
                        <image src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/info_more.png" mode="" />
                    </view>
                </picker>
            </view>
        </view>
        <view class="list" v-for="(item, index) in listInfo" :key="index">
            <view class="list_t">
                <view class="list_l">
                    <text class="num">{{ index + 1 }}</text>
                    <text class="name">{{ item.userName || '散客' }}</text>
                    <text class="phone">{{ item.mobile || '' }}</text>
                </view>
                <!-- lan暂时改动 -->
                <view
                    class="list_btn"
                    v-if="pickerIndex !== '1'"
                    :data-id="item.id"
                    :data-hangType="item.hangType"
                    :data-orderusername="item.userName"
                    :data-orderphone="item.mobile"
                    @tap="getTakeHangOrder"
                >
                    <!-- <view class="list_btn" wx:if="{{pickerIndex !== '1'}}" data-hangorderiteminfo="{{item}}" bindtap="getTakeHangOrder"> -->
                    <text>取单</text>
                </view>
            </view>

            <view>
                <view class="table_box" v-for="(i, id) in item.jsonStr.orderList" :key="i.id">
                    <view class="table_r">
                        <text class="item">项目/商品</text>
                        <text class="item">价格</text>
                        <text>服务人员</text>
                    </view>

                    <view class="table_l" v-if="listInfo[index].hangType == 1">
                        <text class="item">{{ i.serviceName }}</text>
                        <text class="item">{{ i.memberPrice }}</text>
                        <text>
                            <text class="name_serve">{{ i.name }}</text>
                        </text>
                    </view>

                    <view class="table_l" v-if="listInfo[index].hangType == 4">
                        <text class="item">{{ i.cardname }}</text>
                        <text class="item">{{ i.marketprice }}</text>
                        <text>
                            <text class="name_serve">{{ i.name }}</text>
                        </text>
                    </view>

                    <view class="table_l" v-if="listInfo[index].hangType == 5">
                        <text class="item">会员充值</text>
                        <text class="item">{{ i.marketprice }}</text>
                        <text>
                            <text class="name_serve">{{ i.name }}</text>
                        </text>
                    </view>

                    <view class="table_l" v-if="listInfo[index].hangType == 2">
                        <text class="item">{{ i.serviceName }}</text>
                        <text class="item">{{ i.marketprice }}</text>
                        <text>
                            <text class="name_serve">{{ i.name }}</text>
                        </text>
                    </view>
                </view>
            </view>

            <view class="note_box">
                <text>备注：{{ item.jsonStr.remark }}</text>
            </view>

            <view class="date_box">
                <view class="date_l">
                    <image src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/date_icon.png" mode="" />
                    <text>{{ item.createTime }}</text>
                </view>
                <view class="date_r" v-if="pickerIndex !== '1'" :data-index="index" :data-id="item.id" @tap="showDelModelOrder">
                    <image src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/trash.png" mode="" />
                </view>
            </view>

            <view class="del_box" v-if="pickerIndex == '1'">
                <text class="del_date">删除时间：{{ item.updateTime }}</text>
                <text class="del_text">删除理由：{{ item.remark }}</text>
            </view>
        </view>
        <view class="modal-mask2" @tap="hideModal" v-if="showModalsmearbut" @touchmove.stop.prevent="trueFun" style="overflow: visible !important"></view>
        <view v-if="showModalsmearbut" @touchmove.stop.prevent="trueFun" style="overflow: visible !important">
            <view class="modal-content-showModalhandbrand" @touchmove.stop.prevent="trueFun" style="overflow: visible !important">
                <view class="qrcodebox">
                    <view class="qrcodetextbox">
                        <view class="time-box2qm">
                            <image class="time-left" src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/time_lt.png"></image>
                            <view class="qrcodetext">选择时间</view>
                            <image class="time-left" src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/time_rl.png"></image>
                        </view>
                        <image class="done" @tap="hideModal" src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/done.png"></image>
                    </view>
                    <view class="content">
                        <view class="sel_date">
                            <view class="sel_date_l">
                                <picker mode="date" :value="date" @change="bindDateChange">
                                    <image src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/date_sel_icon_1.png" mode="" />
                                    <text>{{ date || '开始时间' }}</text>
                                </picker>
                            </view>
                            <view class="sel_date_c">
                                <text>至</text>
                            </view>
                            <view class="sel_date_r">
                                <picker mode="date" :value="date2" @change="bindDateChange2">
                                    <image src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/date_sel_icon_2.png" mode="" />
                                    <text>{{ date2 || '结束时间' }}</text>
                                </picker>
                            </view>
                        </view>
                    </view>
                    <view class="coupon-mai">
                        <view class="cancel-bnt" @tap="hideModal">取消</view>
                        <view class="affirm-bnt" @tap="clickDate">确认</view>
                    </view>
                </view>
            </view>
        </view>
        <view class="modal-mask2" @tap="hideDelModelOrder" v-if="delModelOrder" @touchmove.stop.prevent="trueFun" style="overflow: visible !important"></view>
        <view v-if="delModelOrder" @touchmove.stop.prevent="trueFun" style="overflow: visible !important">
            <view class="modal-content-showModalhandbrand" @touchmove.stop.prevent="trueFun" style="overflow: visible !important">
                <view class="qrcodebox">
                    <view class="qrcodetextbox">
                        <view class="time-box2qm">
                            <image class="time-left" src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/time_lt.png"></image>
                            <view class="qrcodetext">删除订单</view>
                            <image class="time-left" src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/time_rl.png"></image>
                        </view>
                        <image class="done" @tap="hideDelModelOrder" src="https://yiyue-store-applet.oss-cn-shenzhen.aliyuncs.com/done.png"></image>
                    </view>
                    <view class="content">
                        <view class="sel_date">
                            <input type="text" @input="inputOrder" placeholder="请输入删除理由" />
                        </view>
                    </view>
                    <view class="coupon-mai">
                        <view class="cancel-bnt" @tap="hideDelModelOrder">取消</view>
                        <view class="affirm-bnt" @tap="deleteOrder">确认</view>
                    </view>
                </view>
            </view>
        </view>
    </view>
</template>

<script>
import _request from '../../utils/request';
export default {
    data() {
        return {
            index: 0,
            showModalsmearbut: false,
            delModelOrder: false,
            index: 0,
            array: ['更换模式', '已删除的挂单'],
            deleted: 1,
            listInfo: [],
            queryValue: '',
            startime: '',
            endtime: '',
            date: '',
            date2: '',
            orderIndex: '',
            remark: '',
            pickerIndex: '',
            orderId: '',

            i: {
                id: '',
                serviceName: '',
                memberPrice: '',
                name: '',
                cardname: '',
                marketprice: ''
            },

            hangType: 0
        };
    }
    /**
     * 生命周期函数--监听页面加载
     */,
    onLoad(options) {
        this.getListInfo();
    },
    methods: {
        // 获取挂单列表信息
        getListInfo() {
            uni.showLoading({
                title: '加载中'
            });

            _request
                .get('/hangOrder/getHangOrderList', {
                    shopId: uni.getStorageSync('shopId'),
                    deleted: this.deleted,
                    queryValue: this.queryValue,
                    startime: this.startime,
                    endtime: this.endtime
                })
                .then((res) => {
                    if (res.data.code == 200) {
                        let data = res.data.data;
                        data.forEach((i) => {
                            i.jsonStr = JSON.parse(i.jsonStr);

                            if (i.jsonStr.orderList) {
                                i.jsonStr.orderList.forEach((j) => {
                                    let name = '';

                                    if (j.selLists) {
                                        j.selLists.forEach((k) => {
                                            if (name) {
                                                name = name + '/' + k.name;
                                            } else {
                                                name = k.name;
                                            }
                                        });
                                    }

                                    j.name = name;
                                });
                            }
                        });
                        this.setData({
                            listInfo: data
                        });
                    }

                    uni.hideLoading();
                })
                .catch((error) => {
                    uni.hideLoading();
                });
        },

        getTakeHangOrder(e) {
            // lan改
            let hangtype = e.currentTarget.dataset.hangtype; // console.log('e.currentTarget.dataset',e.currentTarget.dataset);
            // let hangtype  = e.currentTarget.dataset.hangorderiteminfo.hangType

            console.log('hangtype', hangtype);

            _request
                .postObj('/hangOrder/takeHangOrder', {
                    shopId: uni.getStorageSync('shopId'),
                    id: e.currentTarget.dataset.id // id: e.currentTarget.dataset.hangorderiteminfo.id,
                })
                .then((res) => {
                    if (res.data.code == 200) {
                        uni.showToast({
                            title: '取单成功',
                            icon: 'none'
                        });
                        setTimeout(() => {
                            if (hangtype == 1) {
                                uni.navigateTo({
                                    url: `/pagesc/cashierinfo/cashierinfo?orderId=${e.currentTarget.dataset.id}`
                                });
                            } else if (hangtype == 4) {
                                uni.navigateTo({
                                    url: `/pagesc/helpcard/index?orderId=${e.currentTarget.dataset.id}&type=1 `
                                });
                            } else if (hangtype == 5) {
                                uni.navigateTo({
                                    url: `/pagesc/helpcard/index?orderId=${e.currentTarget.dataset.id}&type=2`
                                });
                            } else if (hangtype == 2) {
                                // console.log('e.currentTarget',e.currentTarget)
                                let orderPhone = e.currentTarget.dataset.orderphone;
                                let orderUserName = e.currentTarget.dataset.orderusername; // lan已修改
                                //  const hangorderiteminfo= JSON.stringify(e.currentTarget.dataset.hangorderiteminfo)

                                uni.navigateTo({
                                    url: `/pagesc/helpcard/index?orderId=${e.currentTarget.dataset.id}&type=4&orderPhone=${orderPhone}&orderUserName=${orderUserName}` // url: `/pagesc/helpcard/index?hangorderiteminfo=${hangorderiteminfo}&type=4`
                                });
                            }
                        }, 1000);
                    } else {
                        uni.showToast({
                            title: res.data.message,
                            icon: 'none'
                        });
                    }
                })
                .catch((error) => {
                    console.log(error, 'error');
                });
        },

        deleteOrder() {
            _request
                .postObj('/hangOrder/delHangOrder', {
                    remark: this.remark,
                    deleted: 2,
                    id: this.orderId
                })
                .then((res) => {
                    if (res.data.code == 200) {
                        uni.showToast({
                            title: '删除成功',
                            icon: 'none'
                        });
                        setTimeout(() => {
                            this.setData({
                                delModelOrder: false
                            });
                            this.getListInfo();
                        }, 1000);
                    }
                })
                .catch((error) => {
                    console.log(error, 'error');
                });
        },

        inputOrder(e) {
            this.setData({
                remark: e.detail.value
            });
        },

        clickDate() {
            if (!this.date || !this.date2) {
                uni.showToast({
                    title: '请选择日期',
                    icon: 'none'
                });
                return;
            }

            this.setData({
                startime: this.date + ' 00:00:00',
                endtime: this.date2 + ' 23:59:59'
            });
            this.getListInfo();
            this.setData({
                showModalsmearbut: false
            });
        },

        bindDateChange(e) {
            this.setData({
                date: e.detail.value
            });
        },

        bindDateChange2(e) {
            this.setData({
                date2: e.detail.value
            });
        },

        blurPhone(e) {
            var queryValue = e.detail.value;
            this.setData({
                queryValue: queryValue
            });
        },

        searchList() {
            this.getListInfo();
        },

        bindPickerChange(e) {
            console.log(e.detail.value);

            if (e.detail.value == 0) {
                uni.navigateTo({
                    url: '/pagesc/modesetting/modesetting'
                });
            } else {
                this.setData({
                    deleted: 2
                });
                this.getListInfo();
            }

            this.setData({
                pickerIndex: e.detail.value
            });
            console.log(this.pickerIndex);
        },

        setIndex(index) {
            console.log(index);
            let ind = index.currentTarget.dataset.index;
            this.setData({
                index: index.currentTarget.dataset.index
            });

            if (ind === 0) {
                this.setData({
                    startime: '',
                    endtime: ''
                });
            } else if (ind === 1) {
                let dayDate = this.getDate();
                this.setData({
                    startime: dayDate + ' 00:00:00',
                    endtime: dayDate + ' 23:59:59'
                });
            } else if (ind === 2) {
                let date = this.getYeasterDay();
                this.setData({
                    startime: date + ' 00:00:00',
                    endtime: date + ' 23:59:59'
                });
            }

            this.getListInfo();
        },

        // 获取当天日期
        getDate() {
            var date = new Date();
            var seperator1 = '-';
            var month = date.getMonth() + 1;
            var strDate = date.getDate();

            if (month >= 1 && month <= 9) {
                month = '0' + month;
            }

            if (strDate >= 0 && strDate <= 9) {
                strDate = '0' + strDate;
            }

            var currentmonth = date.getFullYear() + seperator1 + month + seperator1 + strDate; //获取年月

            return currentmonth;
        },

        getYeasterDay() {
            var time = new Date().getTime() - 24 * 60 * 60 * 1000;
            var yesterday = new Date(time);
            var month = yesterday.getMonth();
            var day = yesterday.getDate();
            yesterday =
                yesterday.getFullYear() +
                '-' +
                (yesterday.getMonth() > 9 ? yesterday.getMonth() + 1 : '0' + (yesterday.getMonth() + 1)) +
                '-' +
                (yesterday.getDate() > 9 ? yesterday.getDate() : '0' + yesterday.getDate());
            return yesterday;
        },

        hideDelModelOrder() {
            this.setData({
                delModelOrder: false
            });
        },

        showDelModelOrder(index) {
            this.setData({
                delModelOrder: true,
                orderIndex: index.currentTarget.dataset.index,
                orderId: index.currentTarget.dataset.id
            });
        },

        hideModal() {
            this.setData({
                showModalsmearbut: false
            });
        },

        showModel() {
            this.setData({
                showModalsmearbut: true
            });
        },

        trueFun() {
            console.log('占位：函数 true 未声明');
        }
    }
};
</script>
<style>
page {
    background: #f1f1f1;
}
.page {
    overflow: hidden;
}
.cardsale-box {
    width: 100%;
    height: 330rpx;
    padding: 0rpx 20rpx;
    display: flex;
    align-items: center;
    position: relative;
}
.cardsale-box image {
    position: absolute;
    top: 0;
    left: 0;
    width: 750rpx;
    height: 330rpx;
}
.phone-box {
    height: 100rpx;
    line-height: 120rpx;
    font-size: 26rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #ffffff;
}

.input-phone {
    width: 670rpx;
    height: 80rpx;
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.4);
    box-shadow: 0rpx 10rpx 20rpx 0rpx rgba(233, 74, 24, 0.2);
    border-radius: 40rpx;
    font-size: 30rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    display: flex;
    padding-left: 30rpx;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    z-index: 999;
    margin-bottom: 30rpx;
}

.placeholder-style {
    color: #ffffff !important;
}

.inquire {
    text-align: center;
    width: 120rpx;
    height: 60rpx;
    line-height: 60rpx;
    background: #ffffff;
    box-shadow: 0rpx 6rpx 14rpx 0rpx rgba(233, 74, 24, 0.16);
    border-radius: 30rpx;
    font-size: 30rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #e94a18;
    margin-right: 10rpx;
}
.selete_box {
    width: 750rpx;
    height: 120rpx;
    background: #ffffff;
}
.selete {
    height: 120rpx;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.customize {
    font-size: 30rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #e94a18;
}
.item_t {
    font-size: 26rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #333333;
}
.active {
    font-size: 32rpx !important;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #333333 !important;
    border-bottom: 8rpx solid #e94a18;
}
.set image {
    width: 17rpx;
    height: 11rpx;
    margin-left: 5rpx;
}
.set text {
    font-size: 30rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #333333;
}

.list {
    width: 750rpx;
    /* height: 506rpx; */
    background: #ffffff;
    margin-top: 20rpx;
}
.name_serve {
    display: block;
    width: 150rpx !important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0 auto;
}
.list_t {
    height: 120rpx;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.num {
    font-size: 30rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #e94a18;
    margin-left: 40rpx;
}
.name {
    font-size: 30rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #333333;
    margin-left: 23rpx;
}
.phone {
    font-size: 30rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #333333;
    margin-left: 21rpx;
}
.list_btn {
    width: 140rpx;
    height: 60rpx;
    background: #e94a18;
    border-radius: 30rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 40rpx;
}
.list_btn text {
    font-size: 26rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #ffffff;
}
.table_box {
    width: 670rpx;
    height: 140rpx;
    background: #ffffff;
    box-shadow: 0rpx 2rpx 20rpx 0rpx rgba(102, 102, 102, 0.16);
    border-radius: 10rpx;
    margin: 38rpx auto;
}
.table_r {
    display: flex;
}
.table_r text {
    display: block;
    width: 222rpx;
    height: 70rpx;
    text-align: center;
    line-height: 70rpx;
    border-bottom: 1rpx solid #e5e5e5;
    font-size: 26rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #666666;
}
.table_l {
    display: flex;
}
.table_l text {
    display: block;
    width: 222rpx;
    height: 70rpx;
    text-align: center;
    line-height: 70rpx;
    font-size: 30rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #333333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.item {
    border-right: 1rpx solid #e5e5e5;
}

.note_box {
    width: 670rpx;
    height: 65rpx;
    margin: 40rpx auto 0 auto;
    border-bottom: 1rpx solid #e5e5e5;
    display: flex;
    align-items: center;
    padding-bottom: 20rpx;
}
.note_box text {
    font-size: 30rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #333333;
}
.date_box {
    height: 85rpx;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.date_box .date_l image {
    width: 26rpx;
    height: 26rpx;
    margin-left: 42rpx;
}
.date_box text {
    font-size: 30rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #333333;
    margin-left: 10rpx;
}
.date_r image {
    width: 28rpx;
    height: 28rpx;
    margin-right: 41rpx;
}

.modal-mask2 {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0.5;
    overflow: hidden !important;
    z-index: 9999;
    color: #fff;
}
.modal-content-showModalhandbrand {
    position: fixed;
    top: 280rpx;
    z-index: 9999;
    width: 670rpx;
    margin-left: 40rpx;
    height: 620rpx;
    overflow: visible !important;
    background: #ffffff;
    border: 1rpx solid #e5e5e5;
    box-shadow: 0rpx 4rpx 14rpx 0rpx rgba(102, 102, 102, 0.3);
    border-radius: 10rpx;
}
.qrcodetextbox {
    text-align: center;
    height: 113rpx;
    border-bottom: 1rpx solid #e5e5e5;
}
.time-box2qm {
    width: 225rpx;
    display: flex;
    align-items: center;
    margin: 0 auto;
}
.time-left {
    width: 21rpx;
    height: 15rpx;
}
.qrcodetext {
    margin: 0 12rpx;
    font-size: 36rpx;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #333333;
    line-height: 113rpx;
}
.done {
    width: 26rpx;
    height: 26rpx;
    margin-right: 10rpx;
    position: absolute;
    top: 18rpx;
    right: 11rpx;
}
.coupon-mai {
    display: flex;
    height: 67rpx;
    width: 550rpx;
    margin: 0 auto;
    justify-content: space-between;
}

.cancel-bnt {
    text-align: center;
    line-height: 66rpx;
    width: 201rpx;
    height: 67rpx;
    border: 1rpx solid #dcdcdc;
    box-shadow: 0rpx 10rpx 16rpx 0rpx rgba(102, 102, 102, 0.2);
    border-radius: 33rpx;
    font-size: 24rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #666666;
}

.affirm-bnt {
    text-align: center;
    line-height: 66rpx;
    width: 200rpx;
    height: 66rpx;
    background: #e94c19;
    box-shadow: 0rpx 10rpx 16rpx 0rpx rgba(188, 46, 0, 0.2);
    border-radius: 33rpx;
    font-size: 24rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #ffffff;
}
.content {
    height: 357rpx;
}
.sel_date {
    height: 140rpx;
    width: 590rpx;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1rpx solid #e5e5e5;
}
.sel_date_l {
    display: flex;
    align-items: center;
}
.sel_date_l image {
    width: 28rpx;
    height: 28rpx;
}
.sel_date_l text {
    font-size: 30rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #e94a18;
    margin-left: 12rpx;
}
.sel_date_c text {
    font-size: 30rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #999999;
}
.sel_date_r {
    display: flex;
    align-items: center;
}
.sel_date_r image {
    width: 28rpx;
    height: 28rpx;
}
.sel_date_r text {
    font-size: 30rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #666666;
    margin-left: 12rpx;
}
.del_box {
    display: flex;
    flex-direction: column;
    margin-left: 42rpx;
    border-top: 1rpx solid #e5e5e5;
}
.del_date {
    font-size: 30rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #e94a18;
    margin-top: 29rpx;
}
.del_text {
    font-size: 30rpx;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #333333;
    margin-top: 20rpx;
    padding-bottom: 20rpx;
}
</style>
